<template>
  <div>
    <header></header>
    <el-button type="primary" @click="goToUrl({ url: 'test', query: { selected: '2' } })">
      Default
    </el-button>
    <el-button type="primary" @click="goToUrl({ url: 'test', params: { a: 1 } })">
      123
    </el-button>
    <el-button type="primary" @click="goToUrl({url: 'list'})">
      动态路由
    </el-button>
    <el-button type="primary" @click="goToUrl({url: 'modelTest'})">
      v-model
    </el-button>
    <footer class="footer" v-if="false">
      <home-footer></home-footer>
    </footer>
  </div>
</template>

<script>
import footer from './strat/footer'
export default {
  components: {
    HomeFooter: footer
  },
  data() {
    return {}
  },
  mounted() { },
  computed: {},
  methods: {
    goToUrl({ url = '', query = {}, params = {} }) {
      this.$router.push({ path: `/${url}`, query, params })
    }
  }
}
</script>
<style lang="less" scoped>
.footer,
.push {
  position: absolute;
  bottom: -0;
  text-align: center;
  height: 50px;
  width: 100%;
}
</style>
